<template>
    <div>
        <div v-if="!item.icon">
            <el-divider v-bind="opt">{{item.label}}</el-divider>
        </div>

        <div v-if="!!item.icon">
            <el-divider v-bind="opt"><i :class="item.icon"></i></el-divider>
        </div>
    </div>
</template>

<script>

import { objectAssign } from "../../utils/common";

export default {
    name: "PopoSplitline",
    props: {
        value: { type :String},
        item: {type: Object },
    },
    data() {
        return {
            mvalue: this.value,
            opt: {},
        };
    },
    watch:{
        mvalue( val){
            // this.$emit( "input", val);
        }
    },
    created(){
        // console.log( "input", this);
        var opt = objectAssign( {}, this.item.props);
        this.opt = opt;
    },
    methods: {}
};
</script>

<style scoped lang="scss">
</style>
